/* pages/cart/index.wxss */
page {
  padding-bottom: 90rpx;
}

.address_row {
  .address_btn {
    padding: 20rpx 0;

    button {
      color: #fff;
    }
  }

  .user_info_row {
    border-bottom: 1px solid var(--themeColor);
    padding: 15rpx;

    .user_info {
      display: flex;
      justify-content: space-between;
    }

    .user_address {
      color: #ccc;
    }
  }
}

.cart_content {
  .cart_title {
    border-bottom: 1px solid var(--themeColor);
    padding: 15rpx;
    font-size: 30rpx;
    font-weight: 600;
  }

  .cart_main {
    .cart_item {
      height: 100px;
      display: flex;
      align-items: center;
      padding: 10rpx;
      border-bottom: 1px solid #ccc;

      .cart_chk_wrap {
        flex: 1;
      }

      navigator {
        flex: 2;
      }

      .cart_info_wrap {
        flex: 5;
        height: 100%;
        padding: 10rpx 0 10rpx 10rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .goods_name {
          font-size: 26rpx;
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          color: #666;
        }

        .goods_price_wrap {
          display: flex;
          justify-content: space-between;

          .goods_price {
            color: var(--themeColor);
            font-size: 30rpx;
            font-weight: 600;
          }

          .cart_num {
            display: flex;

            .goods_num {
              //padding: 0 25rpx;
              width: 80rpx;
              text-align: center;
            }

            .num_edit {
              border: 1px solid #ccc;
              line-height: 40rpx;
              text-align: center;
              width: 40rpx;
              height: 40rpx;
            }
          }
        }
      }
    }
  }
}

.footer_tool {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;

  .all_chk_wrap {
    flex: 4;
    padding-left: 5rpx;

    checkbox-group {
      checkbox {}
    }
  }

  .total_price_wrap {
    flex: 4;
    text-align: right;
    padding-right: 10rpx;

    .total_price {
      .total_price_text {
        font-size: 34rpx;
        font-weight: 600;
        color: var(--themeColor);
      }
    }

    .total_detail {
      font-size: 20rpx;
    }
  }

  .order_pay_wrap {
    flex: 2;
    background-color: var(--themeColor);
    text-align: center;
    line-height: 90rpx;
    height: 100%;
  }
}